Skip to content

Show the Filter dateline in the immersive layout - #16920

Open
peranosborn wants to merge 3 commits into
mainfrom
po/filter-immersive-dateline
Open

peranosborn wants to merge 3 commits into
mainfrom
po/filter-immersive-dateline

Conversation

@peranosborn

@peranosborn peranosborn commented Oct 9, 2026 •

Copy link
Copy Markdown
Contributor

Stacked on #16875. Merge that first; this PR targets its branch so the diff only shows the table of contents changes.

What does this change?

Updated the immersive layout to pass the webPublicationDate so the dataline can you the filter version for improved SEO for evergreen articles. Refactored the filter helper to support the commissioning desk tags for the filter.

Why?

Support the SEO freshness work for the filter.

How has this change been tested?

peranosborn and others added 2 commits October 9, 2026 19:43
…yout

Immersive articles in the revamped layout (StandardLayout) always got
the slim nav. Articles tagged with a Filter series tag now get the full
height masthead. Adds hasFilterSeriesTag to identify Filter content by
its series tags.

Co-Authored-By: Claude Opus 5.5 (1M context) <[email protected]>
Filter articles in the immersive layout now get the same TimeDateline as
the standard layout, by passing webPublicationDate to ArticleMeta.

hasFilterSeriesTag becomes hasFilterTag and now also matches the Filter
commissioning desk tracking tags, so ArticleMeta and StandardLayout share
one check for Filter content.

Co-Authored-By: Claude Opus 5.5 (1M context) <[email protected]>
@github-actions

github-actions Bot commented Oct 9, 2026 •

Copy link
Copy Markdown

🚀 Image pushed to AWS ECR

Image digest: sha256:7777acbcc41593ab6b8c1229dacff916da77e059c30577a4d63a5163f5b45f83

🐛 Run the image locally

The following can be used to run the image locally:

# Refer to image using the immutable digest. Find alternatives below.
IMAGE_IDENTIFIER="@sha256:7777acbcc41593ab6b8c1229dacff916da77e059c30577a4d63a5163f5b45f83"

# Refer to image using branch tag
# IMAGE_IDENTIFIER=":branch-po-filter-immersive-dateline"

# Refer to image using build tag
# IMAGE_IDENTIFIER=":build-32348"

# Set environment variables for the AWS CLI
AWS_PROFILE="<A_PROFILE_FROM_JANUS>"
AWS_DEFAULT_REGION="eu-west-1"

IMAGE_ACCOUNT_ID=$(aws ssm get-parameter --name /organisation/accounts/artifacts --query "Parameter.Value" --output text)
REGISTRY="${IMAGE_ACCOUNT_ID}.dkr.ecr.${AWS_DEFAULT_REGION}.amazonaws.com"
IMAGE="${REGISTRY}/guardian/dotcom-rendering/dotcom-rendering${IMAGE_IDENTIFIER}"

# Login to AWS ECR https://docs.aws.amazon.com/AmazonECR/latest/userguide/registry_auth.html
aws ecr get-login-password | docker login --username AWS --password-stdin $REGISTRY

# Pull the image
docker pull $IMAGE

# Run the image. You'll likely need to set additional flags. See https://docs.docker.com/reference/cli/docker/container/run.
docker run $IMAGE

From guardian/actions-ecr.

@peranosborn peranosborn added the feature Departmental tracking: work on a new feature label Oct 9, 2026
@github-actions

github-actions Bot commented Oct 9, 2026 •

Copy link
Copy Markdown

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

🟡 Changes recommended

The new component-level dateline selection lacks regression coverage.

1 open finding
What changed in this PR

Adds Filter-specific SEO datelines to immersive articles and centralizes Filter tag detection.

Changes:

  • Supports series and commissioning-desk Filter tags.
  • Passes publication dates through immersive metadata.
  • Reuses Filter detection for datelines and navigation.
File Description
src/​lib/​theFilter.ts Expands Filter tag detection.
src/​lib/​theFilter.test.ts Tests supported Filter tags.
src/​layouts/​StandardLayout.tsx Applies unified detection to navigation.
src/​layouts/​ImmersiveLayout.tsx Supplies publication dates to article metadata.
src/​components/​ArticleMeta.web.tsx Uses unified detection for SEO datelines.

🧠 Review effort: Balanced


💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

Comment thread dotcom-rendering/src/components/ArticleMeta.web.tsx
@peranosborn
peranosborn marked this pull request as ready for review October 13, 2026 08:09
@github-actions

Copy link
Copy Markdown

Hello 👋! When you're ready to run Chromatic, please apply the run_chromatic label to this PR.

You will need to reapply the label each time you want to run Chromatic.

Click here to see the Chromatic project.

Base automatically changed from po/filter-immersive-masthead to main October 13, 2026 08:22

@andrewHEguardian andrewHEguardian left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good, great to add tests 👍

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

feature Departmental tracking: work on a new feature

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants